<template>
<div style="background-color: #f2f2f2;">
    <van-address-edit
      :area-list="areaList"
      show-delete
      show-set-default
      show-search-result
      :search-result="searchResult"
      :area-columns-placeholder="['北京市', '北京市', '昌平区']"
      @save="onSave"
      @delete="onDelete"
      @change-detail="onChangeDetail"
      @click="add"
    />
    <van-button type="primary" style="width: 100%;border-radius: 20px;"@click="$router.push('/fu')">确认地址</van-button>
</div>
    </template>

    
    <script >
    import { ref } from 'vue';
    import { showToast } from 'vant';
    
    export default {
      setup() {
        const chosenAddressId = ref('1');
        const list = [
          {
            id: '1',
            name: '张三',
            tel: '13000000000',
            address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
            isDefault: true,
          },
          {
            id: '2',
            name: '李四',
            tel: '1310000000',
            address: '浙江省杭州市拱墅区莫干山路 50 号',
          },
        ];
        const disabledList = [
          {
            id: '3',
            name: '王五',
            tel: '1320000000',
            address: '浙江省杭州市滨江区江南大道 15 号',
          },
        ];
    
        const onAdd = () => showToast('新增地址');
        const onEdit = (item, index) => showToast('编辑地址:' + index);
    
        return {
          list,
          onAdd,
          onEdit,
          disabledList,
          chosenAddressId,
        };
      },
    };
    </script>